<template>
  <div>
    <el-container style="height: 700px; border: 1px solid #eee">
      <el-header
        style="
          font-size: 40px;
          color: #409eff;
          background-color: rgb(238, 241, 246);
        "
        >---北斗定点智能垃圾分拣机器人产品实时追踪平台---
      </el-header>

      <el-container>
        <el-aside width="100px">
          <i class="el-icon-discover"></i>
        </el-aside>

        <el-container>
          <el-main>
            <el-alert
              title="请确保Nginx服务已经启动，可通过任务管理器查看，若未启动，以下为具体操作步骤"
              type="error"
            >
            </el-alert>
            <el-steps :active="3" align-center>
              <el-step
                title="解压Nginx的.zip文件"
                icon="el-icon-folder-opened"
              ></el-step>
              <el-step
                title="双击nginx.exe文件"
                icon="el-icon-thumb"
              ></el-step>
              <el-step title="启动成功" icon="el-icon-check"></el-step>
            </el-steps>

            <a href="http://localhost:80/">确保启动后，点此查看地图定位</a>
          </el-main>

          <el-footer
            style="
              font-size: 40px;
              color: #67c23a;
              background-color: rgb(238, 241, 246);
            "
            >---全民参与垃圾分类，共享环保低碳生活---
          </el-footer>
        </el-container>
      </el-container>
    </el-container>
  </div>
</template>

<script>
export default {};
</script>
